<template>
  <div>
    <el-card class="box-card">
      <!-- 表头 -->
      <div slot="header" class="clearfix">
        <el-breadcrumb separator-class="el-icon-arrow-right">
          <el-breadcrumb-item :to="{ path: '/home/check' }">商家审核</el-breadcrumb-item>
          <el-breadcrumb-item>商家详情</el-breadcrumb-item>
        </el-breadcrumb>
      </div>
      <!-- 用户信息 -->
      <el-form :label-position="labelPosition" label-width="80px">
        <el-form-item label="联系人">
          <el-input v-model="formLabelAlign.businessContact" style="width:600px" disabled></el-input>
        </el-form-item>
        <el-form-item label="联系电话">
          <el-input v-model="formLabelAlign.businessContactPhone" style="width:600px" disabled></el-input>
        </el-form-item>
        <el-form-item label="商家名称">
          <el-input v-model="formLabelAlign.businessName" style="width:600px" disabled></el-input>
        </el-form-item>
        <el-form-item label="详细地址">
          <el-input v-model="formLabelAlign.businessAddress" style="width:600px" disabled></el-input>
        </el-form-item>
        <el-form-item label="营业时间">
          <el-input v-model="formLabelAlign.businessHours" style="width:600px" disabled></el-input>
        </el-form-item>
        <el-form-item label="服务介绍">
          <el-input v-model="formLabelAlign.businessIntroduced" style="width:600px" disabled></el-input>
        </el-form-item>
        <!-- 分割线条 -->
        <el-divider></el-divider>
        <!-- 图片展示 -->
        <el-form-item label="店铺照片">
          <el-image
            style="width: 100px; height: 100px;margin-right:10px"
            v-for="item in formLabelAlign.businessBanner"
            :key="item.id"
            :src="item"
            fit="cover"
          ></el-image>
        </el-form-item>
        <el-form-item label="店铺封面">
          <el-image
            style="width: 100px; height: 100px"
            :src="formLabelAlign.businessCoverImg"
            fit="cover"
          ></el-image>
        </el-form-item>
        <el-form-item label="营业执照">
          <el-image
            style="width: 100px; height: 100px"
            :src="formLabelAlign.businessLicense"
            fit="cover"
          ></el-image>
        </el-form-item>
      </el-form>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      labelPosition: "left",
      src:
        "https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg",
      formLabelAlign: {}
    };
  },
  mounted() {
    this.merchantObj();
  },
  methods: {
    // 查看商家详情
    merchantObj() {
      this.$http.article
        .lookmerchant({ petBusinessId: this.$route.query.businessId })
        .then(res => {
          this.formLabelAlign = res.result;
          console.log("获取商家详情", res);
        });
    }
  }
};
</script>

<style lang="scss" scoped>
.bg {
  width: 100%;
  height: 100%;
  background-color: #f4f7fd;
  //   overflow: hidden;
}
.box-card {
  //   display: flex;
  //   justify-content: center;
  width: 98%;
  margin: 0 auto;
  margin-top: 10px;
}
.el-image__error{
  display: none;
}

</style>